<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Grida Canvas Document Worker</title>
	<script src="https://cdn.tailwindcss.com"></script>
</head>

<body class="bg-white min-h-screen">
	<div class="grid grid-cols-12 gap-4 min-h-screen p-4">
		<!-- Left Column -->
		<div class="col-span-4 border-2 border-black p-6 flex flex-col justify-between">
			<div>
				<h1 class="text-lg font-bold text-black uppercase tracking-wide">Grida</h1>
				<h2 class="text-sm font-medium text-gray-600 mt-2">Canvas Document Worker</h2>
			</div>
			<div class="text-xs text-gray-500">
				Service Layer
			</div>
		</div>

		<!-- Right Column -->
		<div class="col-span-8 border-2 border-black p-6 flex flex-col justify-center">
			<div class="max-w-md">
				<p class="text-gray-700 mb-8 leading-relaxed">
					This is a service-only layer for document processing and canvas operations.
				</p>
				<a href="https://grida.co" target="_blank"
					class="inline-block border-2 border-black bg-black text-white font-medium py-3 px-6 hover:bg-white hover:text-black transition-colors duration-200">
					Visit grida.co
				</a>
			</div>
		</div>
	</div>
</body>

</html>
